<template>
	<tabbar>
	<TabbarItem path="/home" activecolor="red">
		<img slot="item-icon" src="~assets/img/tabbar/home.svg">
		<img slot="item-activeicon" src="~assets/img/tabbar/home-active.svg">
		<div slot="item-text">首页</div>
	</TabbarItem>
	<TabbarItem path="/category" activecolor="red">
		<img slot="item-icon" src="~assets/img/tabbar/category.svg">
		<img slot="item-activeicon" src="~assets/img/tabbar/category-active.svg">
		<div slot="item-text">分类</div>
	</TabbarItem>
	<TabbarItem path="/cart" activecolor="red">
		<img slot="item-icon" src="~assets/img/tabbar/cart.svg">
		<img slot="item-activeicon" src="~assets/img/tabbar/cart-active.svg">
		<div slot="item-text">购物</div>
	</TabbarItem>
	<TabbarItem path="/profile" activecolor="red">
		<img slot="item-icon" src="~assets/img/tabbar/profile.svg">
		<img slot="item-activeicon" src="~assets/img/tabbar/profile-active.svg">
		<div slot="item-text">我的</div>
	</TabbarItem>
	</tabbar>
</template>

<script>
	import tabbar from "../common/tabbar/tabbar.vue"
	import TabbarItem from "../common/tabbar/TabbarItem.vue"
	
	export default{
		name:"MainTabbar",
		components:{
			tabbar,
			TabbarItem
		}
	}
</script>

<style>
</style>
